<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    a {
      text-decoration: none;
      list-style: none;
      color: rgb(255, 196, 196);
      font-size: .1289rem;
      font-weight: 700;
    }

    .content {
      position: relative;
      border: .0059rem solid black;
      width: 4.1008rem;
      height: 3.5149rem;
      background-color: rgb(231, 226, 226);
      margin: .2929rem auto;
      background: url(../image/denglu.jpg) no-repeat;
      background-size: cover;
    }

    .content2 {
      width: 4.1008rem;
      height: 3.5149rem;
      background-color: rgb(231, 226, 226);
      margin: .2929rem auto;
      background: url(./html/image/login.jpg) no-repeat;
      background-size: cover;
      color: white;
      text-align: center;
      line-height: 3.5149rem;
      font-size: .4687rem;
      font-weight: bold;
    }

    span {
      font-size: .1347rem;
      font-weight: bold;
      position: relative;
      top: -0.5272rem;
      left: .0586rem;
      color: white;
    }

    .user {
      margin-top: .5858rem;
      width: 1.7575rem;
      height: .1757rem;
      margin-left: .3105rem;
    }

    .password {
      margin-top: .8787rem;
      width: 1.7575rem;
      height: .1757rem;
      margin-left: .8787rem;

    }

    button {
      margin-left: 1.4646rem;
      margin-top: .5858rem;
      width: .7616rem;
      height: .1757rem;
    }
  </style>
</head>

<body>
  <form method="post" action="http://8.138.146.253:9000/api/login">
    <div class="content">
      <span>用户登录</span><a href="http://8.138.146.253:9000/register"
        style="position: absolute;top:.0293rem;right: .0469rem;">注册</a>
      <input name="username" class="user" placeholder="请输入用户名" type="text"><br>
      <input name="userpassword" class="password" placeholder="请输入密码" type="text"><br>
      <button type="submit">确认</button>
    </div>
    <!-- style=" display: none;" -->
    <div class="content2" style=" display: none;">
      恭喜你登录成功
    </div>
  </form>

  <script src="../js/fexible.js"></script>
</body>

</html>